/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500);

@sans:		'Ubuntu', Helvetica, Arial, sans-serif;

.light {
	font-family: @sans;
	font-weight: 300;
}

.roman {
	font-family: @sans;
	font-weight: 400;
}

.bold {
	font-family: @sans;
	font-weight: 500;
}

/* Shortcodes */

@grey:		#3F4052;
@yellow:	#F2D100;
@hover:		#817BA3;
@blue:		#00698C;

@aniIn:		0.2s;
@aniOut:	0.25s;

/* Shortcuts */

.nolist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.transition(@what: all, @time: 0.2s, @transition: ease-out) {
	-webkit-transition:	@what @time @transition;
	-moz-transition:	@what @time @transition;
	-ms-transition:		@what @time @transition;
	-o-transition:		@what @time @transition;
	transition:			@what @time @transition;
}

.rounded(@radius: 4px) {
	behavior: url(css/border-radius.htc);
	-webkit-border-radius:	@radius;
    -moz-border-radius:		@radius;
	border-radius:			@radius;
}

.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius:	@topright;
	-webkit-border-bottom-right-radius:	@bottomright;
	-webkit-border-bottom-left-radius:	@bottomleft;
	-webkit-border-top-left-radius:		@topleft;
	-moz-border-radius-topright:		@topright;
	-moz-border-radius-bottomright:		@bottomright;
	-moz-border-radius-bottomleft:		@bottomleft;
	-moz-border-radius-topleft:			@topleft;
	border-top-right-radius:			@topright;
	border-bottom-right-radius:			@bottomright;
	border-bottom-left-radius:			@bottomleft;
	border-top-left-radius:				@topleft;
	-webkit-background-clip:			padding-box;
	-moz-background-clip:				padding;  
	background-clip:					padding-box; 
}

.css-gradient(@from: #dfdfdf, @to: #f8f8f8) {
	background-color: @to;
	background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background-image: -webkit-linear-gradient(top, @from, @to);
	background-image: -moz-linear-gradient(top, @from, @to);
	background-image: -o-linear-gradient(top, @from, @to);
	background-image: linear-gradient(to bottom, @from, @to);
}

.boxShadow(@x: 0, @y: 0, @radius: 4px, @spread: 0, @color: rgba(0,0,0,0.5)) {
	-webkit-box-shadow:	@x @y @radius @spread @color;
	-moz-box-shadow:	@x @y @radius @spread @color;
	box-shadow:			@x @y @radius @spread @color; 
}

.innerShadow(@x: 0, @y: 0, @radius: 4px, @spread: 0, @color: rgba(0,0,0,0.5)) {
	-webkit-box-shadow:	inset @x @y @radius @spread @color;
	-moz-box-shadow:	inset @x @y @radius @spread @color;
	box-shadow:			inset @x @y @radius @spread @color; 
}

.opacity(@opacity: 0.5) {
	-moz-opacity: @opacity;
	-khtml-opacity: @opacity;
	-webkit-opacity: @opacity;
	opacity: @opacity;
	@opperc: @opacity * 100;
	-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
	filter: ~"alpha(opacity=@{opperc})";
}